@@include('header.htm', {
  "title": "Form Validation - Sleek Admin Dashboard Template",

	"vector_map": "",

	"date_range_picker": "",

	"select2": "",

	"ladda": "",

	"toastr": "",

	"flag_icon": "",

	"full_calendar_core": "",
	"full_calendar_daygrid": "",

	"data_table": "",

	"responsive_data_table": "",

	"expendable_data_table": ""
})

@@include('sidebar.htm', {
	"parent": "forms",
	"sub_parent": "forms",
	"active": "form-validation"
})

@@include('top-bar.htm')




<div class="row">
	<div class="col-lg-6">
		<div class="card card-default">
			<div class="card-header card-header-border-bottom">
				<h2>Basic Validation</h2>
			</div>

			<div class="card-body">
				<form >
					<div class="form-row">
						<div class="col-md-12 mb-3">
							<label for="validationServer01">First name</label>

							<input type="text" class="form-control" id="validationServer01" placeholder="First name" value="Md" required>
							<div class="valid-feedback">
								Looks good!
							</div>
						</div>

						<div class="col-md-12 mb-3">
							<label for="validationServer02">Last name</label>

							<input type="text" class="form-control" id="validationServer02" placeholder="Last name" value="Rahad" required>
							<div class="valid-feedback">
								Looks good!
							</div>
						</div>

						<div class="col-md-12 mb-3">
							<label for="validationServerUsername">Username</label>

							<input type="text" class="form-control" id="validationServerUsername" placeholder="Username" aria-describedby="inputGroupPrepend3" required>

							<div class="invalid-feedback">
								Please choose a username.
							</div>
						</div>
					</div>

					<div class="form-row">
						<div class="col-md-6 mb-3">
							<label for="validationServer03">City</label>

							<input type="text" class="form-control" id="validationServer03" placeholder="City" required>

							<div class="invalid-feedback">
								Please provide a valid city.
							</div>
						</div>

						<div class="col-md-3 mb-3">
							<label for="validationServer04">State</label>

							<input type="text" class="form-control" id="validationServer04" placeholder="State" required>

							<div class="invalid-feedback">
								Please provide a valid state.
							</div>
						</div>

						<div class="col-md-3 mb-3">
							<label for="validationServer05">Zip</label>

							<input type="text" class="form-control" id="validationServer05" placeholder="Zip" required>

							<div class="invalid-feedback">
								Please provide a valid zip.
							</div>
						</div>
					</div>

					<button class="btn btn-primary" type="submit">Submit form</button>
				</form>
			</div>
		</div>
	</div>

	<div class="col-lg-6">
		<div class="card card-default">
			<div class="card-header card-header-border-bottom">
				<h2>Highlighted Input Field</h2>
			</div>

			<div class="card-body">
				<form >
					<div class="form-row">
						<div class="col-md-12 mb-3">
							<label for="validationServer01">First name</label>

							<input type="text" class="form-control is-valid" id="validationServer01" placeholder="First name" value="Md" required>

							<div class="valid-feedback">
								Looks good!
							</div>
						</div>

						<div class="col-md-12 mb-3">
							<label for="validationServer02">Last name</label>

							<input type="text" class="form-control is-valid" id="validationServer02" placeholder="Last name" value="Rahad" required>

							<div class="valid-feedback">
								Looks good!
							</div>
						</div>

						<div class="col-md-12 mb-3">
							<label for="validationServerUsername">Username</label>

							<input type="text" class="form-control is-invalid" id="validationServerUsername" placeholder="Username"
								aria-describedby="inputGroupPrepend3" required>

							<div class="invalid-feedback">
								Please choose a username.
							</div>
						</div>
					</div>

					<div class="form-row">
						<div class="col-md-6 mb-3">
							<label for="validationServer03">City</label>

							<input type="text" class="form-control is-invalid" id="validationServer03" placeholder="City" required>

							<div class="invalid-feedback">
								Please provide a valid city.
							</div>
						</div>

						<div class="col-md-3 mb-3">
							<label for="validationServer04">State</label>

							<input type="text" class="form-control is-invalid" id="validationServer04" placeholder="State" required>

							<div class="invalid-feedback">
								Please provide a valid state.
							</div>
						</div>

						<div class="col-md-3 mb-3">
							<label for="validationServer05">Zip</label>

							<input type="text" class="form-control is-invalid" id="validationServer05" placeholder="Zip" required>

							<div class="invalid-feedback">
								Please provide a valid zip.
							</div>
						</div>
					</div>

					<button class="btn btn-primary" type="submit">Submit form</button>
				</form>
			</div>
		</div>
	</div>
</div>




@@include('footer.htm', {

	"chart_js": "",
	"chartjs": "",

	"google_map": "",
	"mapjs": "",

	"vector_map": "",
	"vector_map_world_mill": "",
	"vector_map_js": "",
	
	"date_range_picker_moment": "",
	"date_range_picker": "",
	"date_range_js": "",

	"select2": "",

	"ladda_spin": "",
	"ladda": "",

	"jquery_mask": "",

	"toastr": "",

	"circle_progress": "",

	"full_calendar_core": "",
	"full_calendar_daygrid": "",
	"full_calendar_js": "",

	"data_table": "",
	"data_table_bootstrap4": "",

	"responsive_data_table": ""
})
